$themes: (
  light: (
    bg: #fff,
    textColor: #000,
    contentBg: #f0f2f5,
    shadowColor: rgb(0, 13, 3, 0.2),
  ),
  dark: (
    bg: #141414,
    textColor: #fff,
    contentBg: #000,
    shadowColor: rgba(0, 0, 0, 1),
  ),
);

$currentTheme: light;
@mixin useTheme() {
  @each $key, $value in $themes {
    $currentTheme: $key !global;
    html[data-theme="#{$key}"] & {
      @content;
    }
  }
}

@function getVar($key) {
  $themeMap: map-get($themes, $currentTheme);
  @return map-get($themeMap, $key);
}

// 初始化应用主题
// @include useTheme();
